<template>
  <div id="scalePage">
    <seller v-if="isShow === 'seller'"></seller>
    <trend v-if="isShow === 'trend'"></trend>
    <stock v-if="isShow === 'stock'"></stock>
    <MyMap v-if="isShow === 'map'"></MyMap>
    <rank v-if="isShow === 'rank'"></rank>
    <hot v-if="isShow === 'hot'"></hot>
  </div>
</template>

<script>
import Seller from "../components/seller.vue";
import Trend from "../components/trend.vue";
import MyMap from "../components/map.vue";
import Rank from "../components/rank.vue";
import Hot from "../components/hot.vue";
import Stock from "../components/stock.vue";
export default {
  components: {
    Seller,
    Trend,
    MyMap,
    Rank,
    Hot,
    Stock,
  },
  data() {
    return {
      // isShow: this.$route.params.name,
    };
  },
  computed: {
    isShow() {
      return this.$route.params.name;
    },
  },
  mounted() {},
};
</script>

<style lang="less" scoped>
</style>